<template>
  <div id="map">
    <Top></Top>
    <Nav></Nav>
    <Navh></Navh>
    <Swiper></Swiper>
    <div class="sameNav">
      <table class="table">
        <tr>
          <th>
            <router-link to>分类：</router-link>
          </th>
          <th>
            <router-link to="/same/samecontent">全部</router-link>
          </th>
          <th>
            <router-link to>餐饮</router-link>
          </th>
          <th>
            <router-link to>酒店</router-link>
          </th>
          <th>
            <router-link to>休闲</router-link>
          </th>
          <th>
            <router-link to>电影</router-link>
          </th>
          <th>
            <router-link to>汽车装饰</router-link>
          </th>
          <th>
            <router-link to>家政服务</router-link>
          </th>
        </tr>
      </table>
    </div>
    <div class="views">
      <div class="viewsNav">
        <span>销量</span>
        <span>价格</span>
        <span>评价最高</span>
      </div>
      <router-view></router-view>
    </div>
    
    <Ping></Ping>
  </div>
</template>
<script>
import Top from "@/components/top.vue";
import Ping from "@/components/pingpai.vue";
import Swiper from "@/components/BX-swiper.vue";
// import Page from "@/components/BX-page.vue";
import Navh from "@/components/BX-nav.vue";
import Nav from "@/components/BX-indexHeard.vue";
export default {
  components: {
    Top,
    Ping,
    Swiper,
    // Page,
    Navh,
    Nav,
  },
  data(){
    return{
       
    }
  },
  
};
</script>
<style scoped>
#map {
  width: 100%;
}
.sameNav {
  width: 80%;
  margin: 15px auto;
  border-bottom: 1px solid #959595;
}
.table {
  width: 50%;
  border:none;
}
.table tr a {
  font-size: 16px;
  color: #959595;
  text-align: center;
  text-decoration: none;
}
.views {
  width: 80%;
  margin: 10px auto;
  overflow: hidden;
}
.viewsNav {
  width: 30%;
  float: right;
  display: flex;
  justify-content: space-between;
}
.viewsNav span {
  width: 25%;
  /* border: 1px solid #e7e7e7; */
}
.block{
  width:50%;
  margin:10px auto;
  
}
</style>